<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>权限管理系统</title>
<jsp:include page="inc/meta.jsp"></jsp:include>
<jsp:include page="inc/easyui.jsp"></jsp:include>
<link href="<%=request.getContextPath()%>/Content/css/default.css" rel="stylesheet" type="text/css"/>
<script src="<%=request.getContextPath()%>/Content/js/outlook2.js" type="text/javascript"></script>
	<style>
	ul{
		padding-left: 20px;
		list-style:none;		
	}
	a{
		text-decoration:none;
		padding-left: 0px;
		display: inline-block;
		width: 100%;
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.main{
		background-repeat:repeat-x;
		width:100%;
	}
	.main a{
		color:white;
		background-repeat:no-repeat;
		background-position:3px center;
		font-weight: bold;
		font-size: large;
		padding-left: 0px;
		letter-spacing: 4px;
	}

	.main li a{
		background-image:none;
		color:black;
		font-weight: normal;
	}
	.main li a:hover {
		color: #F00;
		text-decoration: underline;
	}
	.tabs li {
    float: left;
    display: inline-block;
    margin: 1px 23px -1px 0;
    padding: 0;
    position: relative;
    border: 0;
	}
	.tabs li a.tabs-close {
    width: 12px;
    right: -15px;
    opacity: 0.6;
    filter: alpha(opacity=60);
	}
	</style>
</head>
<body class="easyui-layout">
	<div region="north" border="ture"
		style="overflow: hidden; height: 71px; line-height: 20px;
        color: #fff; font-family: 微软雅黑,黑体; background: url('<%=request.getContextPath()%>/Content/images/casic_logo_bg.bmp') repeat-x;">
		<div class="top"
			style="height: 100%; margin-left: 20px; background: url('<%=request.getContextPath()%>/Content/images/tongyuan.png') no-repeat;">
			<h3 id="header-title"
				style="margin-left: 80px; margin-top: 0px; margin-bottom: 0px;
                padding-top: 20px">
				权限管理
			</h3>
		</div>
	</div>

	<div region="west" title="菜单选项" split="true"
		style="width:200px;overflow: hidden;">
		<div id="nav" class="easyui-accordion" fit="true" border="false">
			<ul class="main">
<!-- 				<li><a href="#" id="changePwd" onmouseover="over(this)" -->
<!-- 					onmouseout="out(this)">修改密码</a></li> -->
				<li><a href="#" id="userManager" onmouseover="over(this)"
					onmouseout="out(this)">用户管理</a></li>
				<li><a href="#" id="depManager" onmouseover="over(this)"
					onmouseout="out(this)">部门管理</a></li>
				<li><a href="#" id="roleManager" onmouseover="over(this)"
					onmouseout="out(this)">角色管理</a></li>
				<li><a href="#" id="authManager" onmouseover="over(this)"
					onmouseout="out(this)">权限管理</a></li>
				<li><a href="#" id="logManager" onmouseover="over(this)" 
					onmouseout="out(this)">日志管理</a></li>
			</ul>
		</div>
	</div>
	</div>

	<div id="mainPanle" region="center"
		style="background: #eee; overflow: hidden;">
		<div id="tabs" class="easyui-tabs" fit="true" border="true">
			<div title="我的工作台"
				 data-options="content:createFrame('<%=request.getContextPath()%>/home/welcome')"
				style="overflow: hidden;" border="false"></div>
		</div>
	</div>
	
	<!--主面板-->
	<div id="mm" class="easyui-menu" style="width: 150px; display: none">
		<div id="mm-tabupdate" iconcls="icon-reload">刷新</div>
		<div class="menu-sep"></div>
		<div id="mm-tabclose" iconcls="icon-cancel">关闭</div>
		<div id="mm-tabcloseall">全部关闭</div>
		<div id="mm-tabcloseother">除此之外全部关闭</div>
		<div class="menu-sep"></div>
		<div id="mm-tabcloseright">当前页右侧全部关闭</div>
		<div id="mm-tabcloseleft">当前页左侧全部关闭</div>
	</div>
	<!--标签页上的菜单-->
	<div id="p-tools">
		<a href="#" class="icon-mini-refresh" onclick="refreshCurrentTab()"></a>
	</div>

</body>
	<script type="text/javascript">
	$(function(){
 	
 	$("#changePwd").click(function () {
         top.addTab('修改密码', '<%=request.getContextPath()%>/account/toChangePassword', 'icon tu2010');
     });
	
 	$("#userManager").click(function () {
        top.addTab('用户管理', '<%=request.getContextPath()%>/user/Index', 'icon tu2010');
    });
	
 	$("#depManager").click(function () {
        top.addTab('部门管理', '<%=request.getContextPath()%>/department/Index', 'icon tu2010');
    });
 	
 	$("#roleManager").click(function () {
        top.addTab('角色管理', '<%=request.getContextPath()%>/role/Index', 'icon tu2010');
    });
 	
 	$("#authManager").click(function () {
        top.addTab('权限管理', '<%=request.getContextPath()%>/permission/Index', 'icon tu2010');
    });
 	
 	$("#logManager").click(function () {
 		top.addTab('日志管理', '<%=request.getContextPath()%>/audit/Index', 'icon tu2010');
    });
 	
	});
	
	function over(self){
		self.style.backgroundColor="#909090";
	}

	function out(self){
		self.style.backgroundColor="";
	}
</script>
</html>
